<template>
  <div>
    <h2>child{{ value }}</h2>
    <button
      v-for="item in 5"
      :key="item"
      :class="value === item ? 'active' : ''"
      @click="$emit('input', item)"
    >
      {{ item }}
    </button>
  </div>
</template>

<script>
export default {
  name: 'Child',
  //使用v-model传递参数必须使用value接收,而不是传入值的名字接收
  //   value="xxx",@input="fff"
  props: ['value'],
}
</script>

<style>
.active {
  background-color: red;
}
</style>
